Skip to main content

Élément de visualisation : Sélecteur d'images

Symbole:

_visu_img_image_switcher.png

Catégorie: Lampes/Commutateurs/Bitmaps

L'élément affiche l'une des trois images référencées. Les actions de la souris modifient l'image affichée. Les images sont définies dans le Paramètres des images propriétés des éléments. Les effets des clics de souris sont définis dans le Comportement des éléments biens.

Propriétés des éléments

Toutes les propriétés des éléments sont-elles disponibles ?

Toutes les propriétés ne sont disponibles qu'une fois que vous avez sélectionné Avancé option ou Toutes les catégories filtrer dans Propriétés.

Nom de l'élément

Exemple: ImageSwitcher_1

Astuce

Attribuez des noms individuels aux éléments afin qu'ils apparaissent plus rapidement dans la liste des éléments.

Type d'élément

Commutateur d'images

Position

La position définit l'emplacement et la taille de l'élément dans la fenêtre de visualisation. Ceci est basé sur le système de coordonnées cartésiennes. L'origine est située dans le coin supérieur gauche de la fenêtre. L’axe X horizontal positif s’étend vers la droite. L’axe Y vertical positif va vers le bas.

X

La coordonnée X (en pixels) du coin supérieur gauche de l'élément

Exemple : 10

Y

La coordonnée Y (en pixels) du coin supérieur gauche de l'élément

Exemple : 10

Largeur

Spécifié en pixels

Exemple : 150

Hauteur

Spécifié en pixels

Exemple : 30

Astuce

Vous pouvez également modifier les valeurs en faisant glisser la case _visu_icon_position_element.png symboles vers d’autres positions dans l’éditeur.

Variable

Variable

variables (BOOL).

La valeur de la variable change en fonction de l'entrée de l'utilisateur et elle est indépendante de la Comportement des éléments propriété de l'élément.

Paramètres d'image

Image, si "activée"

ID d'une image spécifique d'un pool d'images

L'image est utilisée si la variable du Variable la propriété a la valeur TRUE.

Astuce

Vous pouvez également sélectionner l'image à l'aide de l'assistant de saisie.

Image, si "off"

ID d'une image spécifique d'un pool d'images

L'image est utilisée si la variable du Variable la propriété a la valeur FALSE.

Astuce

Vous pouvez également sélectionner l'image à l'aide de l'assistant de saisie.

Image, si "poussé"

Exigence : Le Comportement des éléments est réglé sur Basculeur d'image.

ID d'une image spécifique d'un pool d'images

Au moment de l'exécution, la visualisation affiche l'image référencée lorsque l'on clique sur l'élément (et que le bouton de la souris est maintenu enfoncé).

Astuce

Vous pouvez également sélectionner l'image à l'aide de l'assistant de saisie.

Transparence

standard icon⁣ : La Couleur transparente est sélectionnée.

Couleur transparente

Exigence : Transparence est activée.

Les pixels de l'image qui ont la couleur transparente sont affichés comme transparents.

  • _cds_icon_three_dots.png⁣ : Le Couleur La boîte de dialogue s'ouvre.

  • _cds_icon_arrow_down.png⁣ : Une zone de liste avec les noms de couleurs s'ouvre.

Type de mise à l'échelle

Définit comment une image s'intègre dans le cadre de l'élément

  • Fixé  : La taille originale de l'image est conservée, quelle que soit la taille de l'élément.

  • Isotrope  : L'image entière est affichée dans le cadre de l'élément, soit plus grand, soit plus petit. En conséquence, la proportion de hauteur et de largeur est conservée.

  • Anisotrope : L'image se redimensionne automatiquement aux dimensions du cadre de l'élément, remplissant tout le cadre de l'élément. De ce fait, les proportions ne sont pas conservées.

Alignement horizontal

Exigence : Le Type de mise à l'échelle est Isotrope.

Alignement horizontal de l'image dans le cadre ou l'élément de l'élément

  • Gauche

  • Centré

  • Droite

Alignement vertical

Exigence : le Type de mise à l'échelle est Isotrope.

Alignement vertical de l'image dans le cadre ou l'élément de l'élément

  • Haut

  • Centré

  • Bas

Comportement des éléments

Comportement des éléments

  • Sélecteur d'images: L'image change à chaque clic de souris.

  • Appuyez sur l'image: Lorsqu'un utilisateur de la visualisation maintient le bouton de la souris enfoncé, l'image du Image sur propriété s'affiche. Dans le même temps, la valeur TRUE est attribué à la Variable biens.

Appuyez sur FAUX

standard icon: : Lorsque le bouton de la souris est enfoncé, l'image du Image propriété s'affiche et la Variable propriété obtient la valeur FALSE au lieu de la valeur TRUE, et retour.

Exigence: Appuyez sur l'image est sélectionné dans le Comportement des éléments biens.

Les textes

Info-bulle

Chaîne (sans guillemets droits simples)

Exemple: Products of customer A

Le texte est affiché sous forme d'info-bulle. Si un espace réservé %<format string> est spécifié dans le texte, alors la valeur de la variable dans le Variable de texte → Info-bulle propriété est sortie à l'emplacement de l'espace réservé.

Astuce

Utilisez le Ctrl+Entrer raccourci pour ajouter un saut de ligne.

Astuce

Les textes spécifiés sont automatiquement transférés vers le GlobalTextList liste de texte. Par conséquent, ces textes peuvent être localisés.

Clignotant

La valeur en Intervalle de clignotement indique l'intervalle en millisecondes pendant lequel l'élément change entre l'image pour l'état activé et l'image pour l'état éteint.

Condition préalable : La visualisation est exécutée comme WebVisu et le Prise en charge des animations client et de la superposition d'éléments natifs L'option dans le gestionnaire de visualisation est activée. L'élément ne peut clignoter que dans ce contexte.

Pour plus d'informations, voir : Groupe : Paramètres généraux

Intervalle de clignotement

Intervalle de clignotement en millisecondes (ms) pour les images transférées vers Paramètres d'image

A 0 (réglage par défaut), l'élément ne clignote pas, mais l'image de l'état allumé (Image, si "sur" la propriété) est affiché en permanence.

  • Variable (type UDINT) pour un changement d'image commandé par programme

    Exemple: PLC_PRG.udiBlinking

  • Littéral (type UDINT),

    Définit l'intervalle de temps pendant lequel l'image de l'état allumé passe à l'image de l'état éteint

    Exemple: 1000 pendant 1 s

Variables d'état

Les variables contrôlent dynamiquement le comportement de l'élément.

Invisible

variables (BOOL) pour basculer la visibilité de l'élément

TRUE: L'élément n'est pas visible à l'exécution.

Exemple: bIsVisible avec VAR bIsVisible : BOOL := FALSE; END_VAR

Désactiver les entrées

variables (BOOL) pour basculer l'opérabilité de l'élément

TRUE: Les entrées utilisateur n'ont plus aucun effet dans le runtime. L'élément est affiché comme désactivé.

Astuce

le Invisible La propriété est prise en charge par la fonctionnalité "Animation client".

Centre

Les propriétés contiennent des valeurs fixes pour les coordonnées du point de rotation. Le point de rotation s'affiche dans l'éditeur en tant que _visu_icon_center_point.png symbole et est utilisé comme centre pour la rotation et la mise à l'échelle.

Astuce

Vous pouvez également modifier les valeurs en faisant glisser le _visu_icon_center_point.png symbole à une autre position dans l'éditeur.

X

Coordonnée X du point de rotation

Y

Coordonnée Y du point de rotation

Mouvement absolu

Les propriétés contiennent des variables CEI pour contrôler dynamiquement la position de l'élément. Le point de référence est le coin supérieur gauche de l'élément. Lors de l'exécution, l'élément entier est déplacé.

Mouvement

X

L'augmentation de cette valeur à l'exécution déplace l'élément vers la droite.

Y

L'augmentation de cette valeur à l'exécution déplace l'élément vers le bas.

Rotation

Variable (type de données numérique) pour l'angle de rotation (en degrés)

Exemple: PLC_PRG.iAngle1.

Le milieu de l'élément tourne à la Centre point. Ce point de rotation est représenté par le _visu_icon_center_point.png symbole.

Lors de l'exécution, l'alignement de l'élément reste le même par rapport au système de coordonnées de la visualisation. L'augmentation de la valeur fait pivoter l'élément vers la droite.

_visu_img_prp_rotation.png

Mise à l'échelle

Variable (type de données entier) pour déclencher un étirement centré

Exemple: PLC_PRG.iScaling

Le point de référence est le Centre propriété.

La valeur 1 rétrécit l'élément d'un facteur de 0.001. La valeur 1000 remet l'élément à sa taille d'origine.

Rotation intérieure

Variable (type de données numérique) pour l'angle de rotation (en degrés)

Exemple: PLC_PRG.iAngle2.

Lors de l'exécution, l'élément tourne autour du point de rotation spécifié dans Centre selon la valeur de la variable. De plus, l'alignement de l'élément pivote selon le système de coordonnées de la visualisation. L'augmentation de la valeur dans le code tourne dans le sens des aiguilles d'une montre.

Le point de rotation est représenté par le _visu_icon_center_point.png symbole.

Note

Si un angle de rotation statique est spécifié dans le Emplacement → Angle , l'angle de rotation statique est ajouté à l'angle de rotation variable (décalage) lors de l'exécution de la visualisation.

_visu_img_prp_inner_rotation.png

Astuce

Vous pouvez combiner les variables à un conversion d'unité.

Astuce

le X, Oui, Rotation, et Rotation intérieure sont prises en charge par la fonctionnalité "Animation client".

Animation

Astuce

Ces propriétés ne sont disponibles que lorsque vous avez sélectionné le Prise en charge des animations client et de la superposition d'éléments natifs possibilité dans le Gestionnaire de visualisation.

Durée des animations

Variable de durée (en millisecondes) pendant laquelle l'élément exécute une animation

  • Variable (valeur entière)

    Exemple: Menu.tContent avec VAR tContent : INT := 500; END_VAR

  • Littéral entier

    Exemple: 500

. Propriétés animables

  • Mouvement absolu, Mouvement, X, Oui

  • Mouvement absolu, Rotation

  • Mouvement absolu, Rotation intérieure

  • Mouvement absolu, Rotation extérieure

Le mouvement animé est exécuté lorsqu'au moins une valeur d'une propriété animable a changé. Le mouvement alors exécuté n'est pas saccadé, mais est fluide dans la durée d'animation spécifiée. L'élément de visualisation se déplace vers la position spécifiée tout en tournant dynamiquement. Les transitions sont fluides.

Passer au premier plan

variables (BOOL) pour mettre l'élément au premier plan

TRUE: A l'exécution, l'élément de visualisation est affiché au premier plan.

FALSE: A l'exécution, l'élément de visualisation est affiché dans le calque où il a été inséré dans l'éditeur de visualisation.

Exemple: bIsInForeground avec VAR bIsInForeground : BOOL := FALSE; END_VAR

Configuration d'entrée

Les propriétés contiennent les configurations pour l'entrée de l'utilisateur lors de l'utilisation de la souris ou du clavier. Une entrée utilisateur définit un événement et une ou plusieurs actions qui sont exécutées lorsqu'un événement se produit.

Astuce

le Configurer bouton ouvre le Configuration des entrées dialogue. Vous pouvez y créer ou modifier des entrées utilisateur.

Les entrées utilisateur configurées sont répertoriées sous les événements. Ils incluent chacun l'action qui est déclenchée et le paramètre sous forme abrégée.

Exemple: Exécuter le code ST: _visu_icon_action.png PLC_PRG.i_x := 0;

OnDialogClosed

Evénement d'entrée : L'utilisateur ferme la boîte de dialogue.

OnMouseClick

Evénement d'entrée : L'utilisateur clique complètement sur le bouton de la souris dans la zone de l'élément. Le bouton de la souris est cliqué et relâché.

OnMouseDown

Événement d'entrée : l'utilisateur clique sur le bouton de la souris.

OnMouseEnter

Événement d'entrée : l'utilisateur fait glisser le pointeur de la souris sur l'élément.

OnMouseLeave

Evénement d'entrée : l'utilisateur éloigne le pointeur de la souris de l'élément.

OnMouseMove

Evénement d'entrée : L'utilisateur déplace le pointeur de la souris sur la zone de l'élément.

OnMouseUp

. Événements d'entrée :

  • L'utilisateur relâche le bouton de la souris dans la zone de l'élément. Peu importe que l'utilisateur ait auparavant appuyé sur le bouton de la souris à l'intérieur ou à l'extérieur de la zone de l'élément.

  • L'utilisateur appuie sur le bouton de la souris dans la zone de l'élément, quitte la zone de l'élément, puis relâche le bouton de la souris.

Note

Ce CODESYS-un comportement de déclenchement spécifique garantit que les actions pour les éléments clés sont terminées. Un élément clé déclenche une action pour OnMouseDown et met fin à l'action pour OnMouseUp.

Exemple : Un utilisateur de visualisation appuie sur le bouton de la souris dans la zone d'élément de l'élément clé, puis déplace la position du curseur de manière à ce qu'il se trouve en dehors de la zone d'élément. L'action est quand même terminée car OnMouseUp est déclenché.

Robinet

Lorsqu'un événement de clic de souris se produit, la variable définie dans Variable est décrit dans la demande. Le codage dépend de la Appuyez sur FAUX et Appuyez sur entrer si capturé options.

Variable

Exigence : Le Appuyez sur FAUX l'option n'est pas activée.

variables (BOOL) pour l'événement de clic de souris

TRUE: Un événement de clic de souris existe. Elle dure tant que l'utilisateur appuie sur le bouton de la souris sur l'élément. Il se termine lorsque le bouton est relâché.

FALSE: Un événement de clic de souris n'existe pas.

Exemple: PLC_PRG.bIsTapped

Appuyez sur FAUX

standard icon: L'événement clic souris conduit à une valeur complémentaire dans Variable.

TRUE: Un événement de clic de souris n'existe pas.

FALSE: tant que l'événement de clic de souris existe.

Appuyez sur entrer si capturé

standard icon: Lors de la saisie de l'utilisateur, il est également pris en compte si le pointeur de la souris est déplacé ou non dans la zone de l'élément lorsque le bouton de la souris est enfoncé.

TRUE: tant que l'événement de clic de souris existe et que le pointeur de la souris est déplacé sur la zone de l'élément.

FALSE: Un événement de clic de souris n'existe pas. Soit l'utilisateur déplace le pointeur de la souris en dehors de la zone de l'élément pendant que le bouton de la souris est enfoncé.

La valeur est TRUE à nouveau dès que l'utilisateur ramène le pointeur sur la zone de l'élément. La souris est alors capturée.

Basculer

Au début d'un événement de clic de souris, la variable est définie ; lorsque l'événement de clic de souris est terminé, la variable est réinitialisée.

Variable

variables (BOOL) pour basculer à la fin de l'événement de clic de souris

C'est lorsque l'utilisateur relâche le bouton de la souris alors que le pointeur de la souris est sur la zone d'élément. basculé.

Astuce

L'utilisateur peut annuler une entrée de bascule commencée en faisant glisser le pointeur de la souris hors de la zone de l'élément.

Activer si capturé

standard icon: La valeur bascule indépendamment de l'endroit où se trouve le pointeur de la souris lorsque le bouton de la souris est relâché. La souris est alors capturée.

Raccourci

Raccourci sur l'élément pour déclencher des actions de saisie spécifiques

Lorsque l'événement de raccourci clavier se produit, les actions d'entrée dans le Événements propriété sont déclenchées. De cette manière, ce n'est pas l'action de saisie elle-même qui conduit à cette action de saisie, mais l'action de saisie de la souris.

Clé

Touche enfoncée pour l'action d'entrée.

Exemple: J

Les propriétés suivantes s'affichent lorsqu'une touche est sélectionnée.

Événements

  • Aucun

  • Souris vers le bas: L'appui sur la touche déclenche les actions d'entrée qui sont configurées dans le OnMouseDown biens.

  • Souris vers le haut: Le relâchement de la touche déclenche les actions de saisie qui sont configurées dans le OnMouseUp biens.

  • Souris bas/haut: L'appui et le relâchement de la touche déclenchent les actions d'entrée qui sont configurées dans le OnMouseDown la propriété et la OnMouseUp biens.

Basculer

standard icon: Combinaison avec la touche "Shift"

Exemple: Changement+J.

Contrôler

standard icon: Combinaison avec la touche "Ctrl"

Exemple: Ctrl+J.

Autre

standard icon: Combinaison avec la touche "Alt"

Exemple: Autre+J.

Astuce

Tous les raccourcis clavier et leurs actions qui sont configurés dans la visualisation sont répertoriés sur la Configuration du clavier languette.

Des droits d'accès

Note

Disponible uniquement lorsqu'une gestion des utilisateurs est configurée pour la visualisation.

Des droits d'accès bouton

Ouvre le Des droits d'accès dialogue. Là, vous pouvez modifier les privilèges d'accès pour l'élément.

. Messages d'état :

  • Pas encore défini. Pleins droits.: Droits d'accès pour tous les groupes d'utilisateurs : opérable

  • Les droits sont définis : droits limités: L'accès est limité à au moins un groupe.

Dans cette section​: